<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>小米轮播图--淡入淡出效果</title>
<link rel="stylesheet" href="css/banner_lianxi.css">
</head>
<body>

<div id="slider" class="slider"><!-- 1--slider -->
	<div id="slider_scroll" class="slider_scroll"><!-- 2--slider_scroll -->
	

		<div id="slider_main" class="slider_main"><!-- 包含着div》a》img -->

			<div class="item">
					<a href="#"><img src="images/banner (1).jpg"></a>
			</div>

			<div class="item">
				<a href="#"><img src="images/banner (2).jpg"></a>
			</div>

			<div class="item">
				<a href="#"><img src="images/banner (3).jpg"></a>
			</div>

			<div class="item">
				<a href="#"><img src="images/banner (4).jpg"></a>
			</div>

		</div>
	<span class="next" id="next"></span>
	<span class="prev" id="prev"></span>

		<div class="slider_index" id="slider_index">
			<!--一个索引集  通过js来动态生成 同时是一个透明的遮罩面板-->
		</div>


	</div><!-- 2--slider_scroll -->
</div><!-- 1--slider -->

<script type="text/javascript">






</script>
	
</body>
</html>